<ul class="wizard-steps">
    <li class="current active with-tooltip" title="Creat, delete,edit users and more." data-tooltip-options='{"classes":["black-gradient","glossy"]}'><span class="wizard-step">U</span> Users</li>
    <li class="with-tooltip" title="Creat groups, add users to groups and more." data-tooltip-options='{"classes":["black-gradient","glossy"]}'><a href="#" style="color: inherit;"><span class="wizard-step">G</span> User Groups</a></li>
    <li class="with-tooltip" title="Setup company's profile." data-tooltip-options='{"classes":["black-gradient","glossy"]}'><a href="#" style="color: inherit;"><span class="wizard-step">C</span> Company's Profile</a></li>
    <li class="with-tooltip" title="Configure the system's settings." data-tooltip-options='{"classes":["black-gradient","glossy"]}'><a href="#" style="color: inherit;"><span class="wizard-step">S</span> System's Setup</a></li>
</ul>